jQuery(document).ready(function() {

    //dual box
    var db = jQuery('#dualselect').find('.ds_arrow .arrow');	//get arrows of dual select
    var sel1 = jQuery('#dualselect select:first-child');		//get first select element
    var sel2 = jQuery('#dualselect select:last-child');			//get second select element

    sel2.empty(); //empty it first from dom.

    db.click(function() {
        var t = (jQuery(this).hasClass('ds_prev')) ? 0 : 1;	// 0 if arrow prev otherwise arrow next
        if (t) {
            sel1.find('option').each(function() {
                if (jQuery(this).is(':selected')) {
                    jQuery(this).attr('selected', false);
                    var op = sel2.find('option:first-child');
                    sel2.append(jQuery(this));
                }
            });
        } else {
            sel2.find('option').each(function() {
                if (jQuery(this).is(':selected')) {
                    jQuery(this).attr('selected', false);
                    sel1.append(jQuery(this));
                }
            });
        }
    });

    //FORM VALIDATION
    jQuery("#category-form").validate({
        rules: {
            name: "required"
        },
        messages: {
            name: "Thông tin cần nhập!"
        }
    });
    jQuery("#news-form").validate({
        rules: {
            title: "required",
            description: "required",
            content: "required"
        },
        messages: {
            title: "Thông tin cần nhập!",
            description: "Thông tin cần nhập!",
            content: "Thông tin cần nhập!"
        }
    });
    jQuery("#projects-form").validate({
        rules: {
            title: "required",
            description: "required",
            content: "required"
        },
        messages: {
            title: "Thông tin cần nhập!",
            description: "Thông tin cần nhập!",
            content: "Thông tin cần nhập!"
        }
    });
    jQuery("#page-form").validate({
        rules: {
            title: "required",
            description: "required",
            content: "required"
        },
        messages: {
            title: "Thông tin cần nhập!",
            description: "Thông tin cần nhập!",
            content: "Thông tin cần nhập!"
        }
    });

    jQuery("#members-form").validate({
        rules: {
            name: "required",
            position: "required",
            description: "required",
            email: {
                required: true,
                email: true,
            }
        },
        messages: {
            name: "Thông tin cần nhập!",
            position: "Thông tin cần nhập",
            description: "Thông tin cần nhập!",
            email: "Hãy nhập dúng định dạng email"
        }
    });


    //for checkbox
    jQuery('input[type=checkbox]').each(function() {
        var t = jQuery(this);
        t.wrap('<span class="checkbox"></span>');
        t.click(function() {
            if (jQuery(this).is(':checked')) {
                t.attr('checked', true);
                t.parent().addClass('checked');
            } else {
                t.attr('checked', false);
                t.parent().removeClass('checked');
            }
        });
    });

});
